<script setup lang="ts">
import SvgIcon from "../utils/SvgIcon.vue";

defineProps(['title', 'icon', 'number', 'image'])
</script>

<template>
<el-card style="margin: 0" body-style="padding: 12px; " :style="{'background-image': image}">
    <h3 style="margin: 0; padding-bottom: 20px">{{title}}</h3>
    <div style="justify-content: space-between; display: flex; ">
        <svg-icon :name="icon" width="32px" height="32px"></svg-icon>
        <vue3-number-scroll style="font-size: 32px" :start-val="0" :end-val="number"></vue3-number-scroll>
    </div>
</el-card>
</template>

<style scoped>

</style>